<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script src="../js/jquery-3.4.1.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
    <title>公司</title>
    <style>
      *{
        font-size: 15px;
      }
      .list-group-item{
        font-size: 18px;
        font-weight:bold;
      }
      #list{
        margin-top: 15px;
      }
      .profile{
        margin-top: 15px;
      }
      h3{
        margin-top: 0;
      }
      .jumbotron{
        height: 600px;
        background-image: url("../../img/jumu.png");
        background-size:100% 100%;
        }
      .list-group #jianjie{
        display:block;
        line-height:1.5em;
        }
      .profile{
        line-height:2em;
        letter-spacing:2px;  
        font-size: 15px;
        text-indent:2em;
      }
      .media-body h4{
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis;
      }
      .media-body span{
        white-space: nowrap;      
        overflow: hidden;         
        text-overflow: ellipsis;
      }
    </style>
</head>
<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header"> 
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="../../img/logo.jpg" style="height: 100px; width: 100px;border-radius: 10px;" alt=""></a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
              <li><a href="#">产品</a></li>
              <li><a href="#">合作</a></li>
              <li><a href="#">资讯</a></li>
              <li><a href="#">留言</a></li>
              <li><a href="#">关于我们</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">商城</a></li>
              <li><a href="#">我的购物车</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">会员登录 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">登录</a></li>
                  <li><a href="#">注册</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
      <div class="jumbotron text-center">
      </div>
      <div id="list" class="list-group col-lg-2 col-md-3 col-sm-4 text-center">
          <a href="#" class="list-group-item active">
            关于我们
          </a><br>
          <div id="jianjie">
            <ul class="list-group text-center">
              <li><a href="#">公司简介</a></li>
              <li><a href="#">发展历程</a></li>
              <li><a href="#">公司荣誉</a></li>
            </ul>
          </div>
          <a href="#" class="list-group-item">企业文化</a>
          <a href="#" class="list-group-item">投诉举报</a>
          <a href="#" class="list-group-item">联系我们</a>
      </div>
      <div class="profile col-lg-6 col-md-6 col-sm-6">
        <p>杭州窝窝头有限公司是一家经工商正规注册，是一家电子产品代销售的公司，依法经营的企业，位于浙江省杭州市江干区学林街白杨街道280号浙江经贸职业技术学院，这里环境优美，交通方便。主要提供：电子产品的销售，根据生产经营需要，设有多个部门。面对复杂的外部形势和艰巨的生产经营任务，凝聚全员智慧，奋力攻坚克难，取得了骄人成绩。</p>
        <p>企业综合实力雄厚，检测手段完善，建有完整的质量保证体系，为确保产品的技术水准和质量的稳定提高，奠定了坚实的基础。在企业所在领域享有较高声誉。而且经过多年的发展,企业人才结构合理，荟萃行业精英。现有一支能为客户快速提供商品与服务的员工团队而且我们建立了一支效率一流、服务一流的营销队伍!</p></div>
        <div class="media col-lg-4 col-md-3 col-sm-12">
        <div><h3>公司新闻</h3></div>
        <div>
          <div class="media-left media-middle" >
            <a href="#">
              <img class="media-object" src="../../img/new1.jpg" alt="..."  width="80px" height="50px">
            </a>
          </div>
          <div class="media-body" >
            <h4 class="media-heading">业界良心！AMD悄悄升级一代锐龙的架构和工艺</h4>
            <span>AMD已经推出了锐龙3000系列处理器，不知道有多少用户还在使用锐龙一代。
              虽然锐龙一代刚刚推出时非常强劲，但也存在内存兼容性差、单核性能不足的情况。
              虽然是今年前的产品，AMD依旧在生产。比较有意思的是，AMD悄悄对锐龙5 1600进行了升级。
              在美亚上，锐龙5 1600售价85美元，但网友却发现，这个锐龙5 1600与之前的锐龙5 1600却不一样。
              其采用了12nm工艺，并且核心也升级为Zen+。也就是说，虽然这款锐龙5 1600的名字还是一代锐龙，
              但内部已经换成二代锐龙了!花着一代锐龙的钱，买到二代锐龙的核心，相信很多朋友都相当惊讶。
              这款处理器的编号末尾为AF，生产日期为2019年2月下旬。当然，附赠的散热器有所缩水，但
              相信购买这款处理器的朋友肯定不会介意。
            </span>
          </div>
          <br/>
        </div>
        <div>
            <div>
                <div class="media-left media-middle" >
                  <a href="#">
                    <img class="media-object" src="../../img/new2.jpg" alt="..."  width="80px" height="50px">
                  </a>
                </div>
                <div class="media-body" >
                  <h4 class="media-heading">Middle aligned media </h4>
                  <span>Middle aligned media Middle aligned media Middle aligned media Middle aligned media </span>
                </div>
                <br/>
              </div>
        </div>
        <div>
          <div class="media-left media-middle" >
            <a href="#">
              <img class="media-object" src="../../img/new3.jpg" alt="..."  width="80px" height="50px">
            </a>
          </div>
          <div class="media-body" >
            <h4 class="media-heading">Middle aligned media </h4>
            <span>Middle aligned media Middle aligned media Middle aligned media Middle aligned media </span>
          </div>
          <br/>
        </div>
      </div>
</body>
</html>